

<!DOCTYPE html>
<html class="writer-html5" lang="en" >
<head>
  <meta charset="utf-8" />
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  
  <title>Text area (lv_textarea) &mdash; LVGL  documentation</title>
  

  
  <link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
  <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
  <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
  <link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
  <link rel="stylesheet" href="../../_static/css/custom.css" type="text/css" />
  <link rel="stylesheet" href="../../_static/css/fontawesome.min.css" type="text/css" />

  
  
    <link rel="shortcut icon" href="../../_static/favicon.png"/>
  

  
  

  
    <link rel="canonical" href="https://docs.lvgl.io/v8.0/en/html/widgets/core/textarea.html" />

  
  <!--[if lt IE 9]>
    <script src="../../_static/js/html5shiv.min.js"></script>
  <![endif]-->
  
    
      <script type="text/javascript" id="documentation_options" data-url_root="../../" src="../../_static/documentation_options.js"></script>
        <script data-url_root="../../" id="documentation_options" src="../../_static/documentation_options.js"></script>
        <script src="../../_static/jquery.js"></script>
        <script src="../../_static/underscore.js"></script>
        <script src="../../_static/doctools.js"></script>
    
    <script type="text/javascript" src="../../_static/js/theme.js"></script>

    
    <link rel="index" title="Index" href="../../genindex.html" />
    <link rel="search" title="Search" href="../../search.html" />
    <link rel="next" title="Extra widgets" href="../extra/index.html" />
    <link rel="prev" title="Table (lv_table)" href="table.html" />
 
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-78811084-3"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

	gtag('config', 'UA-78811084-3', { 'anonymize_ip': true });
</script>

</head>

<body class="wy-body-for-nav">

   
  <div class="wy-grid-for-nav">
    
    <nav data-toggle="wy-nav-shift" class="wy-nav-side">
      <div class="wy-side-scroll">
        <div class="wy-side-nav-search" >
          

          
            <a href="../../index.html">
          

          
            
            <img src="../../_static/logo_lvgl.png" class="logo" alt="Logo"/>
          
          </a>

          
            
            
              <div class="version">
                8.0
              </div>
            
          

          
<div role="search">
  <form id="rtd-search-form" class="wy-form" action="../../search.html" method="get">
    <input type="text" name="q" placeholder="Search docs" />
    <input type="hidden" name="check_keywords" value="yes" />
    <input type="hidden" name="area" value="default" />
  </form>
</div>

          
        </div>

        
        <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
          
            
            
              
            
            
              <ul class="current">
<li class="toctree-l1"><a class="reference internal" href="../../intro/index.html">Introduction</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../../intro/index.html#key-features">Key features</a></li>
<li class="toctree-l2"><a class="reference internal" href="../../intro/index.html#requirements">Requirements</a></li>
<li class="toctree-l2"><a class="reference internal" href="../../intro/index.html#license">License</a></li>
<li class="toctree-l2"><a class="reference internal" href="../../intro/index.html#repository-layout">Repository layout</a></li>
<li class="toctree-l2"><a class="reference internal" href="../../intro/index.html#release-policy">Release policy</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../intro/index.html#release-cycle">Release cycle</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../intro/index.html#branches">Branches</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../intro/index.html#changelog">Changelog</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../intro/index.html#version-support">Version support</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../intro/index.html#faq">FAQ</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../intro/index.html#where-can-i-ask-questions">Where can I ask questions?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../intro/index.html#is-my-mcu-hardware-supported">Is my MCU/hardware supported?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../intro/index.html#is-my-display-supported">Is my display supported?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../intro/index.html#nothing-happens-my-display-driver-is-not-called-what-have-i-missed">Nothing happens, my display driver is not called. What have I missed?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../intro/index.html#why-is-the-display-driver-called-only-once-only-the-upper-part-of-the-display-is-refreshed">Why is the display driver called only once? Only the upper part of the display is refreshed.</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../intro/index.html#why-do-i-see-only-garbage-on-the-screen">Why do I see only garbage on the screen?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../intro/index.html#why-i-see-nonsense-colors-on-the-screen">Why I see nonsense colors on the screen?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../intro/index.html#how-to-speed-up-my-ui">How to speed up my UI?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../intro/index.html#how-to-reduce-flash-rom-usage">How to reduce flash/ROM usage?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../intro/index.html#how-to-reduce-the-ram-usage">How to reduce the RAM usage</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../intro/index.html#how-to-work-with-an-operating-system">How to work with an operating system?</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../../get-started/index.html">Get started</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../../get-started/quick-overview.html">Quick overview</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/quick-overview.html#get-started-in-a-simulator">Get started in a simulator</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/quick-overview.html#add-lvgl-into-your-project">Add LVGL into your project</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/quick-overview.html#learn-the-basics">Learn the basics</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/quick-overview.html#widgets">Widgets</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/quick-overview.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/quick-overview.html#parts">Parts</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/quick-overview.html#states">States</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/quick-overview.html#styles">Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/quick-overview.html#themes">Themes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/quick-overview.html#examples">Examples</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/quick-overview.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/quick-overview.html#id1">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/quick-overview.html#micropython">Micropython</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../get-started/pc-simulator.html">Simulator on PC</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/pc-simulator.html#select-an-ide">Select an IDE</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/pc-simulator.html#set-up-eclipse-cdt">Set-up Eclipse CDT</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/pc-simulator.html#install-eclipse-cdt">Install Eclipse CDT</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/pc-simulator.html#install-sdl-2">Install SDL 2</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/pc-simulator.html#pre-configured-project">Pre-configured project</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/pc-simulator.html#add-the-pre-configured-project-to-eclipse-cdt">Add the pre-configured project to Eclipse CDT</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/pc-simulator.html#compile-and-run">Compile and Run</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../get-started/stm32.html">STM32</a></li>
<li class="toctree-l2"><a class="reference internal" href="../../get-started/nxp.html">NXP</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/nxp.html#creating-new-project-with-lvgl">Creating new project with LVGL</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/nxp.html#adding-hw-acceleration-for-nxp-imx-rt-platforms-using-pxp-pixel-pipeline-engine-for-existing-projects">Adding HW acceleration for NXP iMX RT platforms using PXP (PiXel Pipeline) engine for existing projects</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/nxp.html#features-supported">Features supported:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/nxp.html#basic-configuration">Basic configuration:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/nxp.html#basic-initialization">Basic initialization:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/nxp.html#project-setup">Project setup:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/nxp.html#advanced-configuration">Advanced configuration:</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../get-started/espressif.html">Espressif (ESP32)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/espressif.html#get-the-lvgl-demo-project-for-esp32">Get the LVGL demo project for ESP32</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/espressif.html#use-lvgl-in-your-esp32-project">Use LVGL in your ESP32 project</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/espressif.html#prerequisites">Prerequisites</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/espressif.html#get-lvgl">Get LVGL</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/espressif.html#use-lvgl-esp32-drivers-in-your-project">Use lvgl_esp32_drivers in your project</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/espressif.html#support-for-esp32-s2">Support for ESP32-S2</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../get-started/arduino.html">Arduino</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/arduino.html#get-the-lvgl-ardunio-library">Get the LVGL Ardunio library</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/arduino.html#set-up-drivers">Set up drivers</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/arduino.html#configure-lvgl">Configure LVGL</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/arduino.html#configure-the-examples">Configure the examples</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/arduino.html#initialize-lvgl-and-run-an-example">Initialize LVGL and run an example</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/arduino.html#debugging-and-logging">Debugging and logging</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../get-started/micropython.html">Micropython</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/micropython.html#what-is-micropython">What is Micropython?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/micropython.html#highlights-of-micropython">Highlights of Micropython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/micropython.html#why-micropython-lvgl">Why Micropython + LVGL?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/micropython.html#here-are-some-advantages-of-using-lvgl-in-micropython">Here are some advantages of using LVGL in Micropython:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/micropython.html#micropython-lvgl-could-be-used-for">Micropython + LVGL could be used for:</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/micropython.html#so-what-does-it-look-like">So what does it look like?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/micropython.html#a-simple-example">A simple example</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/micropython.html#how-can-i-use-it">How can I use it?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/micropython.html#online-simulator">Online Simulator</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/micropython.html#pc-simulator">PC Simulator</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/micropython.html#embedded-platform">Embedded platform</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/micropython.html#where-can-i-find-more-information">Where can I find more information?</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../get-started/nuttx.html">NuttX RTOS</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/nuttx.html#what-is-nuttx">What is NuttX?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/nuttx.html#highlights-of-nuttx">Highlights of NuttX</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/nuttx.html#why-nuttx-lvgl">Why NuttX + LVGL?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/nuttx.html#here-are-some-advantages-of-using-lvgl-in-nuttx">Here are some advantages of using LVGL in NuttX</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/nuttx.html#nuttx-lvgl-could-be-used-for">NuttX + LVGL could be used for</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/nuttx.html#how-to-get-started-with-nuttx-and-lvgl">How to get started with NuttX and LVGL?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/nuttx.html#first-you-need-to-install-the-pre-requisite-on-your-system">First you need to install the pre-requisite on your system</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/nuttx.html#now-let-s-to-create-a-workspace-to-save-our-files">Now let's to create a workspace to save our files</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/nuttx.html#clone-the-nuttx-and-apps-repositories">Clone the NuttX and Apps repositories:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/nuttx.html#configure-nuttx-to-use-the-stm32f429i-disco-board-and-the-lvgl-demo">Configure NuttX to use the stm32f429i-disco board and the LVGL Demo</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../get-started/nuttx.html#flashing-the-firmware-in-the-board-using-openocd">Flashing the firmware in the board using OpenOCD:</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../get-started/nuttx.html#where-can-i-find-more-information">Where can I find more information?</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../../porting/index.html">Porting</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../../porting/project.html">Set-up a project</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../porting/project.html#get-the-library">Get the library</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../porting/project.html#configuration-file">Configuration file</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../porting/project.html#initialization">Initialization</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../porting/display.html">Display interface</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../porting/display.html#draw-buffer">Draw buffer</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../porting/display.html#display-driver">Display driver</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../porting/display.html#mandatory-fields">Mandatory fields</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../porting/display.html#optional-fields">Optional fields</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../porting/display.html#examples">Examples</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../porting/display.html#rotation">Rotation</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../porting/display.html#further-reading">Further reading</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../porting/display.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../porting/indev.html">Input device interface</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../porting/indev.html#types-of-input-devices">Types of input devices</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../porting/indev.html#touchpad-mouse-or-any-pointer">Touchpad, mouse or any pointer</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../porting/indev.html#keypad-or-keyboard">Keypad or keyboard</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../porting/indev.html#encoder">Encoder</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../porting/indev.html#button">Button</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../porting/indev.html#other-features">Other features</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../porting/indev.html#parameters">Parameters</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../porting/indev.html#feedback">Feedback</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../porting/indev.html#associating-with-a-display">Associating with a display</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../porting/indev.html#buffered-reading">Buffered reading</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../porting/indev.html#further-reading">Further reading</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../porting/indev.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../porting/tick.html">Tick interface</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../porting/tick.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../porting/task-handler.html">Task Handler</a></li>
<li class="toctree-l2"><a class="reference internal" href="../../porting/sleep.html">Sleep management</a></li>
<li class="toctree-l2"><a class="reference internal" href="../../porting/os.html">Operating system and interrupts</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../porting/os.html#tasks-and-threads">Tasks and threads</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../porting/os.html#interrupts">Interrupts</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../porting/log.html">Logging</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../porting/log.html#log-level">Log level</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../porting/log.html#printing-logs">Printing logs</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../porting/log.html#logging-with-printf">Logging with printf</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../porting/log.html#custom-log-function">Custom log function</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../porting/log.html#add-logs">Add logs</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../../overview/index.html">Overview</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../../overview/object.html">Objects</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../overview/object.html#attributes">Attributes</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/object.html#basic-attributes">Basic attributes</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/object.html#specific-attributes">Specific attributes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/object.html#working-mechanisms">Working mechanisms</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/object.html#parent-child-structure">Parent-child structure</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/object.html#moving-together">Moving together</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/object.html#visibility-only-on-the-parent">Visibility only on the parent</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/object.html#create-and-delete-objects">Create and delete objects</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/object.html#screens">Screens</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/object.html#create-screens">Create screens</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/object.html#get-the-active-screen">Get the active screen</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/object.html#load-screens">Load screens</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/object.html#layers">Layers</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/object.html#handling-multiple-displays">Handling multiple displays</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/object.html#parts">Parts</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/object.html#states">States</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../overview/coords.html">Positions, sizes, and layouts</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../overview/coords.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/coords.html#units">Units</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/coords.html#boxing-model">Boxing model</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/coords.html#important-notes">Important notes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/coords.html#position">Position</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/coords.html#simple-way">Simple way</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/coords.html#align">Align</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/coords.html#size">Size</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/coords.html#id1">Simple way</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/coords.html#using-styles">Using styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/coords.html#translation">Translation</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/coords.html#transformation">Transformation</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/coords.html#min-and-max-size">Min and Max size</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/coords.html#layout">Layout</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/coords.html#id2">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/coords.html#built-in-layout">Built-in layout</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/coords.html#flags">Flags</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/coords.html#adding-new-layouts">Adding new layouts</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/coords.html#examples">Examples</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../overview/style.html">Styles</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style.html#states">States</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style.html#cascading-styles">Cascading styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style.html#inheritance">Inheritance</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style.html#parts">Parts</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style.html#initialize-styles-and-set-get-properties">Initialize styles and set/get properties</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style.html#add-and-remove-styles-to-a-widget">Add and remove styles to a widget</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style.html#add-styles">Add styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style.html#remove-styles">Remove styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style.html#report-style-changes">Report style changes</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style.html#get-a-property-s-value-on-an-object">Get a property's value on an object</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style.html#local-styles">Local styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style.html#properties">Properties</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style.html#typical-background-properties">Typical background properties</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style.html#transitions">Transitions</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style.html#color-filter">Color filter</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style.html#themes">Themes</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style.html#extending-themes">Extending themes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style.html#examples">Examples</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../overview/style-props.html">Style properties</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style-props.html#size-and-position">Size and position</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#width">width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#min-width">min_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#max-width">max_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#height">height</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#min-height">min_height</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#max-height">max_height</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#x">x</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#y">y</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#align">align</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#transform-width">transform_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#transform-height">transform_height</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#translate-x">translate_x</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#translate-y">translate_y</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#transform-zoom">transform_zoom</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#transform-angle">transform_angle</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style-props.html#padding">Padding</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#pad-top">pad_top</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#pad-bottom">pad_bottom</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#pad-left">pad_left</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#pad-right">pad_right</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#pad-row">pad_row</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#pad-column">pad_column</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style-props.html#miscellaneous">Miscellaneous</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#radius">radius</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#clip-corner">clip_corner</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#opa">opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#color-filter-dsc">color_filter_dsc</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#color-filter-opa">color_filter_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#anim-time">anim_time</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#anim-speed">anim_speed</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#transition">transition</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#blend-mode">blend_mode</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#layout">layout</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#base-dir">base_dir</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style-props.html#background">Background</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#bg-color">bg_color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#bg-opa">bg_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#bg-grad-color">bg_grad_color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#bg-grad-dir">bg_grad_dir</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#bg-main-stop">bg_main_stop</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#bg-grad-stop">bg_grad_stop</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#bg-img-src">bg_img_src</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#bg-img-opa">bg_img_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#bg-img-recolor">bg_img_recolor</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#bg-img-recolor-opa">bg_img_recolor_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#bg-img-tiled">bg_img_tiled</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style-props.html#border">Border</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#border-color">border_color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#border-opa">border_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#border-width">border_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#border-side">border_side</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#border-post">border_post</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style-props.html#text">Text</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#text-color">text_color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#text-opa">text_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#text-font">text_font</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#text-letter-space">text_letter_space</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#text-line-space">text_line_space</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#text-decor">text_decor</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#text-align">text_align</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style-props.html#image">Image</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#img-opa">img_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#img-recolor">img_recolor</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#img-recolor-opa">img_recolor_opa</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style-props.html#outline">Outline</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#outline-width">outline_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#outline-color">outline_color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#outline-opa">outline_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#outline-pad">outline_pad</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style-props.html#shadow">Shadow</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#shadow-width">shadow_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#shadow-ofs-x">shadow_ofs_x</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#shadow-ofs-y">shadow_ofs_y</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#shadow-spread">shadow_spread</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#shadow-color">shadow_color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#shadow-opa">shadow_opa</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style-props.html#line">Line</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#line-width">line_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#line-dash-width">line_dash_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#line-dash-gap">line_dash_gap</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#line-rounded">line_rounded</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#line-color">line_color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#line-opa">line_opa</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/style-props.html#arc">Arc</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#arc-width">arc_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#arc-rounded">arc_rounded</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#arc-color">arc_color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#arc-opa">arc_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/style-props.html#arc-img-src">arc_img_src</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../overview/scroll.html">Scroll</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../overview/scroll.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/scroll.html#scrollbar">Scrollbar</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/scroll.html#events">Events</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/scroll.html#basic-example">Basic example</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/scroll.html#features-of-scrolling">Features of scrolling</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/scroll.html#scrollable">Scrollable</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/scroll.html#scroll-chain">Scroll chain</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/scroll.html#scroll-momentum">Scroll momentum</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/scroll.html#elastic-scroll">Elastic scroll</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/scroll.html#snapping">Snapping</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/scroll.html#scroll-one">Scroll one</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/scroll.html#scroll-on-focus">Scroll on focus</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/scroll.html#scroll-manually">Scroll manually</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/scroll.html#self-size">Self size</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/scroll.html#examples">Examples</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/scroll.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/scroll.html#micropython">MicroPython</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../overview/layer.html">Layers</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../overview/layer.html#order-of-creation">Order of creation</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/layer.html#bring-to-the-foreground">Bring to the foreground</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/layer.html#top-and-sys-layers">Top and sys layers</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../overview/event.html">Events</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../overview/event.html#add-events-to-the-object">Add events to the object</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/event.html#remove-event-s-from-an-object">Remove event(s) from an object</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/event.html#event-codes">Event codes</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/event.html#input-device-events">Input device events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/event.html#drawing-events">Drawing events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/event.html#other-events">Other events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/event.html#special-events">Special events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/event.html#custom-events">Custom events</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/event.html#sending-events">Sending events</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/event.html#refresh-event">Refresh event</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/event.html#fields-of-lv-event-t">Fields of lv_event_t</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/event.html#event-bubbling">Event bubbling</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/event.html#examples">Examples</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/event.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/event.html#micropython">MicroPython</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../overview/indev.html">Input devices</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../overview/indev.html#pointers">Pointers</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/indev.html#keypad-and-encoder">Keypad and encoder</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/indev.html#groups">Groups</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/indev.html#styling">Styling</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/indev.html#api">API</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/indev.html#input-device">Input device</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/indev.html#id1">Groups</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../overview/display.html">Displays</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../overview/display.html#multiple-display-support">Multiple display support</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/display.html#using-only-one-display">Using only one display</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/display.html#mirror-display">Mirror display</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/display.html#split-image">Split image</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/display.html#screens">Screens</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/display.html#transparent-screens">Transparent screens</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/display.html#features-of-displays">Features of displays</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/display.html#inactivity">Inactivity</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/display.html#background">Background</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/display.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../overview/color.html">Colors</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../overview/color.html#creating-colors">Creating colors</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/color.html#rgb">RGB</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/color.html#hsv">HSV</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/color.html#palette">Palette</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/color.html#modify-and-mix-colors">Modify and mix colors</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/color.html#built-in-colors">Built-in colors</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/color.html#opacity">Opacity</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/color.html#color-types">Color types</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/color.html#convert-color">Convert color</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/color.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../overview/font.html">Fonts</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../overview/font.html#unicode-support">Unicode support</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/font.html#built-in-fonts">Built-in fonts</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/font.html#normal-fonts">Normal fonts</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/font.html#special-fonts">Special fonts</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/font.html#special-features">Special features</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/font.html#bidirectional-support">Bidirectional support</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/font.html#arabic-and-persian-support">Arabic and Persian support</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/font.html#subpixel-rendering">Subpixel rendering</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/font.html#compress-fonts">Compress fonts</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/font.html#add-new-font">Add new font</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/font.html#add-new-symbols">Add new symbols</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/font.html#load-font-at-run-time">Load font at run-time</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/font.html#add-a-new-font-engine">Add a new font engine</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../overview/image.html">Images</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../overview/image.html#store-images">Store images</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/image.html#variables">Variables</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/image.html#files">Files</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/image.html#color-formats">Color formats</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/image.html#add-and-use-images">Add and use images</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/image.html#online-converter">Online converter</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/image.html#manually-create-an-image">Manually create an image</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/image.html#use-images">Use images</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/image.html#image-decoder">Image decoder</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/image.html#custom-image-formats">Custom image formats</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/image.html#register-an-image-decoder">Register an image decoder</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/image.html#manually-use-an-image-decoder">Manually use an image decoder</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/image.html#image-caching">Image caching</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/image.html#cache-size">Cache size</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/image.html#value-of-images">Value of images</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/image.html#memory-usage">Memory usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/image.html#clean-the-cache">Clean the cache</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/image.html#api">API</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/image.html#image-buffer">Image buffer</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../overview/file-system.html">File system</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../overview/file-system.html#ready-to-use-drivers">Ready to use drivers</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/file-system.html#add-a-driver">Add a driver</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/file-system.html#registering-a-driver">Registering a driver</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/file-system.html#implementing-the-callbacks">Implementing the callbacks</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/file-system.html#other-callbacks">Other callbacks</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/file-system.html#usage-example">Usage example</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/file-system.html#use-drivers-for-images">Use drivers for images</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/file-system.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../overview/animation.html">Animations</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../overview/animation.html#create-an-animation">Create an animation</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/animation.html#animation-path">Animation path</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/animation.html#speed-vs-time">Speed vs time</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/animation.html#delete-animations">Delete animations</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/animation.html#examples">Examples</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/animation.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/animation.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/animation.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../overview/timer.html">Timers</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../overview/timer.html#create-a-timer">Create a timer</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/timer.html#ready-and-reset">Ready and Reset</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/timer.html#set-parameters">Set parameters</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/timer.html#repeat-count">Repeat count</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/timer.html#measure-idle-time">Measure idle time</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/timer.html#asynchronous-calls">Asynchronous calls</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/timer.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../overview/drawing.html">Drawing</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../overview/drawing.html#mechanism-of-screen-refreshing">Mechanism of screen refreshing</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/drawing.html#masking">Masking</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../overview/drawing.html#hook-drawing">Hook drawing</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../overview/drawing.html#main-drawing">Main drawing</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/drawing.html#post-drawing">Post drawing</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/drawing.html#part-drawing">Part drawing</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../overview/drawing.html#others">Others</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../overview/new_widget.html">New widget</a></li>
</ul>
</li>
<li class="toctree-l1 current"><a class="reference internal" href="../index.html">Widgets</a><ul class="current">
<li class="toctree-l2"><a class="reference internal" href="../obj.html">Base object (lv_obj)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../obj.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../obj.html#coordinates">Coordinates</a></li>
<li class="toctree-l4"><a class="reference internal" href="../obj.html#parents-and-children">Parents and children</a></li>
<li class="toctree-l4"><a class="reference internal" href="../obj.html#screens">Screens</a></li>
<li class="toctree-l4"><a class="reference internal" href="../obj.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../obj.html#styles">Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../obj.html#flags">Flags</a></li>
<li class="toctree-l4"><a class="reference internal" href="../obj.html#groups">Groups</a></li>
<li class="toctree-l4"><a class="reference internal" href="../obj.html#extended-click-area">Extended click area</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../obj.html#id1">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../obj.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="../obj.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../obj.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../obj.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../obj.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2 current"><a class="reference internal" href="index.html">Core widgets</a><ul class="current">
<li class="toctree-l3"><a class="reference internal" href="arc.html">Arc (lv_arc)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="arc.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="arc.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="arc.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="arc.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="arc.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="arc.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="arc.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="bar.html">Bar (lv_bar)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="bar.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="bar.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="bar.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="bar.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="bar.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="bar.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="bar.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="btn.html">Button (lv_btn)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="btn.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="btn.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="btn.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="btn.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="btn.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="btn.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="btn.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="btnmatrix.html">Button matrix (lv_btnmatrix)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="btnmatrix.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="btnmatrix.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="btnmatrix.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="btnmatrix.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="btnmatrix.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="btnmatrix.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="btnmatrix.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="canvas.html">Canvas (lv_canvas)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="canvas.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="canvas.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="canvas.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="canvas.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="canvas.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="canvas.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="canvas.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="checkbox.html">Checkbox (lv_checkbox)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="checkbox.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="checkbox.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="checkbox.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="checkbox.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="checkbox.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="checkbox.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="checkbox.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="dropdown.html">Drop-down list (lv_dropdown)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="dropdown.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="dropdown.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="dropdown.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="dropdown.html#id1">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="dropdown.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="dropdown.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="dropdown.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="dropdown.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="img.html">Image (lv_img)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="img.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="img.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="img.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="img.html#transformations">Transformations</a></li>
<li class="toctree-l4"><a class="reference internal" href="img.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="img.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="img.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="img.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="label.html">Label (lv_label)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="label.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="label.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="label.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="label.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="label.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="label.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="label.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="line.html">Line (lv_line)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="line.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="line.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="line.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="line.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="line.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="line.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="line.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="roller.html">Roller (lv_roller)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="roller.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="roller.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="roller.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="roller.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="roller.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="roller.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="roller.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="slider.html">Slider (lv_slider)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="slider.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="slider.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="slider.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="slider.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="slider.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="slider.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="slider.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="switch.html">Switch (lv_switch)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="switch.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="switch.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="switch.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="switch.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="switch.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="switch.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="switch.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="table.html">Table (lv_table)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="table.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="table.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="table.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="table.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="table.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="table.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="table.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3 current"><a class="current reference internal" href="#">Text area (lv_textarea)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="#api">API</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../extra/index.html">Extra widgets</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../extra/calendar.html">Calendar (lv_calendar)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../extra/calendar.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/calendar.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/calendar.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/calendar.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/calendar.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/calendar.html#headers">Headers</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/calendar.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/calendar.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../extra/chart.html">Chart (lv_chart)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../extra/chart.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/chart.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/chart.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/chart.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/chart.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/chart.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/chart.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../extra/colorwheel.html">Color wheel (lv_colorwheel)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../extra/colorwheel.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/colorwheel.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/colorwheel.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/colorwheel.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/colorwheel.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/colorwheel.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/colorwheel.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../extra/imgbtn.html">Image button (lv_imgbtn)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../extra/imgbtn.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/imgbtn.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/imgbtn.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/imgbtn.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/imgbtn.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/imgbtn.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/imgbtn.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../extra/keyboard.html">Keyboard (lv_keyboard)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../extra/keyboard.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/keyboard.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/keyboard.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/keyboard.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/keyboard.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/keyboard.html#examples">Examples</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/keyboard.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../extra/led.html">LED (lv_led)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../extra/led.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/led.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/led.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/led.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/led.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/led.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/led.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../extra/list.html">List (lv_list)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../extra/list.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/list.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/list.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/list.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/list.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/list.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/list.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../extra/meter.html">Meter (lv_meter)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../extra/meter.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/meter.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/meter.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/meter.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/meter.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/meter.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/meter.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../extra/msgbox.html">Message box (lv_msgbox)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../extra/msgbox.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/msgbox.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/msgbox.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/msgbox.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/msgbox.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/msgbox.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/msgbox.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../extra/span.html">Span (lv_span)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../extra/span.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/span.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/span.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/span.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/span.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/span.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/span.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../extra/spinbox.html">Spinbox (lv_spinbox)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../extra/spinbox.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/spinbox.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/spinbox.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/spinbox.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/spinbox.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/spinbox.html#api">API</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/spinbox.html#id1">Example</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../extra/spinner.html">Spinner (lv_spinner)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../extra/spinner.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/spinner.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/spinner.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/spinner.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/spinner.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/spinner.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/spinner.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../extra/tabview.html">Tabview (lv_tabview)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../extra/tabview.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/tabview.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/tabview.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/tabview.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/tabview.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/tabview.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/tabview.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../extra/tileview.html">Tile view (lv_tileview)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../extra/tileview.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/tileview.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/tileview.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/tileview.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/tileview.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/tileview.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/tileview.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../extra/win.html">Window (lv_win)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../extra/win.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/win.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/win.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/win.html#get-the-parts">Get the parts</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/win.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/win.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/win.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="../extra/win.html#api">API</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../../layouts/index.html">Layouts</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../../layouts/flex.html">Flex</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../layouts/flex.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../layouts/flex.html#terms">Terms</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../layouts/flex.html#simple-interface">Simple interface</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../layouts/flex.html#flex-flow">Flex flow</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../layouts/flex.html#flex-align">Flex align</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../layouts/flex.html#flex-grow">Flex grow</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../layouts/flex.html#style-interface">Style interface</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../layouts/flex.html#other-features">Other features</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../layouts/flex.html#rtl">RTL</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../layouts/flex.html#new-track">New track</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../layouts/flex.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../layouts/flex.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../layouts/flex.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../layouts/flex.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../layouts/grid.html">Grid</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../layouts/grid.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../layouts/grid.html#terms">Terms</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../layouts/grid.html#simple-interface">Simple interface</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../layouts/grid.html#grid-descriptors">Grid descriptors</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../layouts/grid.html#grid-items">Grid items</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../layouts/grid.html#grid-align">Grid align</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../layouts/grid.html#style-interface">Style interface</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../layouts/grid.html#other-features">Other features</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../layouts/grid.html#rtl">RTL</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../layouts/grid.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../layouts/grid.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../layouts/grid.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../../layouts/grid.html#api">API</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../../CONTRIBUTING.html">Contributing</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../../CONTRIBUTING.html#introduction">Introduction</a></li>
<li class="toctree-l2"><a class="reference internal" href="../../CONTRIBUTING.html#pull-request">Pull request</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CONTRIBUTING.html#from-github">From GitHub</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CONTRIBUTING.html#from-command-line">From command line</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CONTRIBUTING.html#developer-certification-of-origin-dco">Developer Certification of Origin (DCO)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CONTRIBUTING.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CONTRIBUTING.html#accepted-licenses-and-copyright-notices">Accepted licenses and copyright notices</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../../CONTRIBUTING.html#your-own-work">Your own work</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../CONTRIBUTING.html#use-code-from-online-source">Use code from online source</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../CONTRIBUTING.html#use-mit-licensed-code">Use MIT licensed code</a></li>
<li class="toctree-l4"><a class="reference internal" href="../../CONTRIBUTING.html#use-gpl-licensed-code">Use GPL licensed code</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CONTRIBUTING.html#ways-to-contribute">Ways to contribute</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CONTRIBUTING.html#give-lvgl-a-star">Give LVGL a Star</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CONTRIBUTING.html#tell-what-you-have-achieved">Tell what you have achieved</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CONTRIBUTING.html#write-examples">Write examples</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CONTRIBUTING.html#improve-the-docs">Improve the docs</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CONTRIBUTING.html#report-bugs">Report bugs</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CONTRIBUTING.html#send-fixes">Send fixes</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CONTRIBUTING.html#join-the-conversations-in-the-forum">Join the conversations in the Forum</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CONTRIBUTING.html#add-features">Add features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CONTRIBUTING.html#become-a-maintainer">Become a maintainer</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CONTRIBUTING.html#move-your-project-repository-under-lvgl-organization">Move your project repository under LVGL organization</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../../CHANGELOG.html">Changelog</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v8-0-2-16-07-2021">v8.0.2 (16.07.2021)</a></li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v8-0-1-14-06-2021">v8.0.1 (14.06.2021)</a></li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v8-0-0-01-06-2021">v8.0.0 (01.06.2021)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#directory-structure">Directory structure</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#widget-changes">Widget changes</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#new-scrolling">New scrolling</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#new-layouts">New layouts</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#driver-changes">Driver changes</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#other-changes">Other changes</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#new-release-policy">New release policy</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#migrating-from-v7-to-v8">Migrating from v7 to v8</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-11-0-16-03-2021">v7.11.0 (16.03.2021)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#new-features">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#bugfixes">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-10-1-16-02-2021">v7.10.1 (16.02.2021)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id1">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-10-0-02-02-2021">v7.10.0 (02.02.2021)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id2">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id3">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-9-1-19-01-2021">v7.9.1 (19.01.2021)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id4">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-9-0-05-01-2021">v7.9.0 (05.01.2021)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id5">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id6">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-8-1-15-12-2020">v7.8.1 (15.12.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id7">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-8-0-01-12-2020">v7.8.0 (01.12.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id8">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id9">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-7-2-17-11-2020">v7.7.2 (17.11.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id10">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-7-1-03-11-2020">v7.7.1 (03.11.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id11">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-7-0-20-10-2020">v7.7.0 (20.10.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id12">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id13">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-6-1-06-10-2020">v7.6.1 (06.10.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id14">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-6-0-22-09-2020">v7.6.0 (22.09.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id15">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id16">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-5-0-15-09-2020">v7.5.0 (15.09.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id17">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id18">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-4-0-01-09-2020">v7.4.0 (01.09.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id19">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id20">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-3-1-18-08-2020">v7.3.1 (18.08.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id21">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-3-0-04-08-2020">v7.3.0 (04.08.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id22">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id23">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-2-0-21-07-2020">v7.2.0 (21.07.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id24">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id25">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-1-0-07-07-2020">v7.1.0 (07.07.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id26">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id27">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-0-2-16-06-2020">v7.0.2 (16.06.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id28">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-0-1-01-06-2020">v7.0.1 (01.06.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id29">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../../CHANGELOG.html#v7-0-0-18-05-2020">v7.0.0 (18.05.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#documentation">Documentation</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#legal-changes">Legal changes</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#new-drawing-system">New drawing system</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#new-style-system">New style system</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#gpu-integration">GPU integration</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#renames">Renames</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#reworked-and-improved-object">Reworked and improved object</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#new-object-types">New object types</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#others">Others</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#demos">Demos</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#id30">New release policy</a></li>
<li class="toctree-l3"><a class="reference internal" href="../../CHANGELOG.html#migrating-from-v6-to-v7">Migrating from v6 to v7</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../../ROADMAP.html">Roadmap</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../../ROADMAP.html#v8-x">v8.X</a></li>
<li class="toctree-l2"><a class="reference internal" href="../../ROADMAP.html#ideas">Ideas</a></li>
<li class="toctree-l2"><a class="reference internal" href="../../ROADMAP.html#v8">v8</a></li>
</ul>
</li>
</ul>

            
          
        </div>
        
      </div>
    </nav>

    <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">

      
      <nav class="wy-nav-top" aria-label="top navigation">
        
          <i data-toggle="wy-nav-top" class="fa fa-bars"></i>
          <a href="../../index.html">LVGL</a>
        
      </nav>


      <div class="wy-nav-content">
        
        <div class="rst-content">
        
          



















<div role="navigation" aria-label="breadcrumbs navigation">

  <ul class="wy-breadcrumbs">
    
      <li><a href="../../index.html" class="icon icon-home"></a> &raquo;</li>
        
          <li><a href="../index.html">Widgets</a> &raquo;</li>
        
          <li><a href="index.html">Core widgets</a> &raquo;</li>
        
      <li>Text area (lv_textarea)</li>
    
    
      <li class="wy-breadcrumbs-aside">
        
          
            
              <!-- User defined GitHub URL -->
              <a href="https://github.com/lvgl/lvgl/blob/5d0ba633a5dc8bb1c3e3714461b6839f205a69fa/docs/widgets/textarea.md" class="fa fa-github"> Edit on GitHub</a>
            
          
        
      </li>
    
  </ul>

  
  <hr/>
</div>
          <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
           <div itemprop="articleBody">
            
  <div class="section" id="text-area-lv-textarea">
<h1>Text area (lv_textarea)<a class="headerlink" href="#text-area-lv-textarea" title="Permalink to this headline">¶</a></h1>
<div class="section" id="overview">
<h2>Overview<a class="headerlink" href="#overview" title="Permalink to this headline">¶</a></h2>
<p>The Text Area is a <a class="reference external" href="widgets/obj">Base object</a> with a <a class="reference internal" href="label.html"><span class="doc">Label</span></a> and a cursor on it.
Texts or characters can be added to it.
Long lines are wrapped and when the text becomes long enough the Text area can be scrolled.</p>
<p>One line mode and password modes are supported.</p>
</div>
<div class="section" id="parts-and-styles">
<h2>Parts and Styles<a class="headerlink" href="#parts-and-styles" title="Permalink to this headline">¶</a></h2>
<ul class="simple">
<li><p><code class="docutils literal notranslate"><span class="pre">LV_PART_MAIN</span></code> The background of the text area. Uses all the typical backgrond style properties and the text related style properties including <code class="docutils literal notranslate"><span class="pre">text_align</span></code> to align the text to the left, right or center.</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_PART_SCROLLBAR</span></code> The scrollbar that is shown when the text is too long.</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_PART_SELECTED</span></code> Detemines the style of the <a class="reference external" href="#text-selection">selected text</a>. Only <code class="docutils literal notranslate"><span class="pre">text_color</span></code> and <code class="docutils literal notranslate"><span class="pre">bg_color</span></code> style properties can be used.</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_PART_CURSOR</span></code> Marks the position where the characters are inserted. The cursor's area is always the bounding box of the current character.
A block cursor can be created by adding a background color and background opacity to <code class="docutils literal notranslate"><span class="pre">LV_PART_CURSOR</span></code>'s style. The create line cursor leave the cursor transparent and set a left border.
The <code class="docutils literal notranslate"><span class="pre">anim_time</span></code> style property sets the cursor's blink time.</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_PART_TEXTAREA_PLACEHOLDER</span></code> Unique to Text Area, allows styling the placeholder text.</p></li>
</ul>
</div>
<div class="section" id="usage">
<h2>Usage<a class="headerlink" href="#usage" title="Permalink to this headline">¶</a></h2>
<div class="section" id="add-text">
<h3>Add text<a class="headerlink" href="#add-text" title="Permalink to this headline">¶</a></h3>
<p>You can insert text or characters to the current cursor's position with:</p>
<ul class="simple">
<li><p><code class="docutils literal notranslate"><span class="pre">lv_textarea_add_char(textarea,</span> <span class="pre">'c')</span></code></p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">lv_textarea_add_text(textarea,</span> <span class="pre">&quot;insert</span> <span class="pre">this</span> <span class="pre">text&quot;)</span></code></p></li>
</ul>
<p>To add wide characters like <code class="docutils literal notranslate"><span class="pre">'á'</span></code>, <code class="docutils literal notranslate"><span class="pre">'ß'</span></code> or CJK characters use <code class="docutils literal notranslate"><span class="pre">lv_textarea_add_text(ta,</span> <span class="pre">&quot;á&quot;)</span></code>.</p>
<p><code class="docutils literal notranslate"><span class="pre">lv_textarea_set_text(ta,</span> <span class="pre">&quot;New</span> <span class="pre">text&quot;)</span></code> changes the whole text.</p>
</div>
<div class="section" id="placeholder">
<h3>Placeholder<a class="headerlink" href="#placeholder" title="Permalink to this headline">¶</a></h3>
<p>A placeholder text can be specified - which is displayed when the Text area is empty - with <code class="docutils literal notranslate"><span class="pre">lv_textarea_set_placeholder_text(ta,</span> <span class="pre">&quot;Placeholder</span> <span class="pre">text&quot;)</span></code></p>
</div>
<div class="section" id="delete-character">
<h3>Delete character<a class="headerlink" href="#delete-character" title="Permalink to this headline">¶</a></h3>
<p>To delete a character from the left of the current cursor position use <code class="docutils literal notranslate"><span class="pre">lv_textarea_del_char(textarea)</span></code>.
To delete from the right use <code class="docutils literal notranslate"><span class="pre">lv_textarea_del_char_forward(textarea)</span></code></p>
</div>
<div class="section" id="move-the-cursor">
<h3>Move the cursor<a class="headerlink" href="#move-the-cursor" title="Permalink to this headline">¶</a></h3>
<p>The cursor position can be modified directly like <code class="docutils literal notranslate"><span class="pre">lv_textarea_set_cursor_pos(textarea,</span> <span class="pre">10)</span></code>.
The <code class="docutils literal notranslate"><span class="pre">0</span></code> position means &quot;before the first characters&quot;,
<code class="docutils literal notranslate"><span class="pre">LV_TA_CURSOR_LAST</span></code> means &quot;after the last character&quot;</p>
<p>You can step the cursor with</p>
<ul class="simple">
<li><p><code class="docutils literal notranslate"><span class="pre">lv_textarea_cursor_right(textarea)</span></code></p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">lv_textarea_cursor_left(textarea)</span></code></p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">lv_textarea_cursor_up(textarea)</span></code></p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">lv_textarea_cursor_down(textarea)</span></code></p></li>
</ul>
<p>If <code class="docutils literal notranslate"><span class="pre">lv_textarea_set_cursor_click_pos(textarea,</span> <span class="pre">true)</span></code> is applied the cursor will jump to the position where the Text area was clicked.</p>
</div>
<div class="section" id="hide-the-cursor">
<h3>Hide the cursor<a class="headerlink" href="#hide-the-cursor" title="Permalink to this headline">¶</a></h3>
<p>The cursor is always visible, however it can be a good idea to style it to be visible only in <code class="docutils literal notranslate"><span class="pre">LV_STATE_FOCUSED</span></code> state.</p>
</div>
<div class="section" id="one-line-mode">
<h3>One line mode<a class="headerlink" href="#one-line-mode" title="Permalink to this headline">¶</a></h3>
<p>The Text area can be configured to be on a single line with <code class="docutils literal notranslate"><span class="pre">lv_textarea_set_one_line(textarea,</span> <span class="pre">true)</span></code>.
In this mode the height is set automatically to show only one line, line break characters are ignored, and word wrap is disabled.</p>
</div>
<div class="section" id="password-mode">
<h3>Password mode<a class="headerlink" href="#password-mode" title="Permalink to this headline">¶</a></h3>
<p>The text area supports password mode which can be enabled with <code class="docutils literal notranslate"><span class="pre">lv_textarea_set_password_mode(textarea,</span> <span class="pre">true)</span></code>.</p>
<p>If the <code class="docutils literal notranslate"><span class="pre">•</span></code> (<a class="reference external" href="http://www.fileformat.info/info/unicode/char/2022/index.htm">Bullet, U+2022</a>) character exists in the font, the entered characters are converted to it after some time or when a new character is entered.
If <code class="docutils literal notranslate"><span class="pre">•</span></code> not exists, <code class="docutils literal notranslate"><span class="pre">*</span></code> will be used.</p>
<p>In password mode <code class="docutils literal notranslate"><span class="pre">lv_textarea_get_text(textarea)</span></code> returns the actual text entered, not the bullet characters.</p>
<p>The visibility time can be adjusted with <code class="docutils literal notranslate"><span class="pre">LV_TEXTAREA_DEF_PWD_SHOW_TIME)</span></code> in <code class="docutils literal notranslate"><span class="pre">lv_conf.h</span></code>.</p>
</div>
<div class="section" id="accepted-characters">
<h3>Accepted characters<a class="headerlink" href="#accepted-characters" title="Permalink to this headline">¶</a></h3>
<p>You can set a list of accepted characters with <code class="docutils literal notranslate"><span class="pre">lv_textarae_set_accepted_chars(textarea,</span> <span class="pre">&quot;0123456789.+-&quot;)</span></code>.
Other characters will be ignored.</p>
</div>
<div class="section" id="max-text-length">
<h3>Max text length<a class="headerlink" href="#max-text-length" title="Permalink to this headline">¶</a></h3>
<p>The maximum number of characters can be limited with <code class="docutils literal notranslate"><span class="pre">lv_textarea_set_max_length(textarea,</span> <span class="pre">max_char_num)</span></code></p>
</div>
<div class="section" id="very-long-texts">
<h3>Very long texts<a class="headerlink" href="#very-long-texts" title="Permalink to this headline">¶</a></h3>
<p>If there is a very long text in the Text area (e. g. &gt; 20k characters), scrolling and drawing might be slow.
However, by enabling <code class="docutils literal notranslate"><span class="pre">LV_LABEL_LONG_TXT_HINT</span>&#160;&#160; <span class="pre">1</span></code> in <code class="docutils literal notranslate"><span class="pre">lv_conf.h</span></code> the performance can be hugely improved.
This will save some additional information about the label to speed up its drawing.
Using <code class="docutils literal notranslate"><span class="pre">LV_LABEL_LONG_TXT_HINT</span></code> the scrolling and drawing will as fast as with &quot;normal&quot; short texts.</p>
</div>
<div class="section" id="select-text">
<h3>Select text<a class="headerlink" href="#select-text" title="Permalink to this headline">¶</a></h3>
<p>Any part of the text can be selected if enabled with <code class="docutils literal notranslate"><span class="pre">lv_textarea_set_text_selection(textarea,</span> <span class="pre">true)</span></code>.
This works much like when you select text on your PC with your mouse.</p>
</div>
</div>
<div class="section" id="events">
<h2>Events<a class="headerlink" href="#events" title="Permalink to this headline">¶</a></h2>
<ul class="simple">
<li><p><code class="docutils literal notranslate"><span class="pre">LV_EVENT_INSERT</span></code> Sent right before a character or text is inserted.
The event paramter is the text about to be inserted. <code class="docutils literal notranslate"><span class="pre">lv_textarea_set_insert_replace(textarea,</span> <span class="pre">&quot;New</span> <span class="pre">text&quot;)</span></code> replaces the text to insert.
The new text cannot be in a local variable which is destroyed when the event callback exists. <code class="docutils literal notranslate"><span class="pre">&quot;&quot;</span></code> means do not insert anything.</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_EVENT_VALUE_CHANGED</span></code> Sent when the content of the text area has been changed.</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_EVENT_APPLY</span></code> Sent when <code class="docutils literal notranslate"><span class="pre">LV_KEY_ENTER</span></code> is pressed (or(sent) to a one line text area.</p></li>
</ul>
<p>Learn more about <a class="reference internal" href="../../overview/event.html"><span class="doc">Events</span></a>.</p>
</div>
<div class="section" id="keys">
<h2>Keys<a class="headerlink" href="#keys" title="Permalink to this headline">¶</a></h2>
<ul class="simple">
<li><p><code class="docutils literal notranslate"><span class="pre">LV_KEY_UP/DOWN/LEFT/RIGHT</span></code> Move the cursor</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">Any</span> <span class="pre">character</span></code> Add the character to the current cursor position</p></li>
</ul>
<p>Learn more about <a class="reference internal" href="../../overview/indev.html"><span class="doc">Keys</span></a>.</p>
</div>
<div class="section" id="example">
<h2>Example<a class="headerlink" href="#example" title="Permalink to this headline">¶</a></h2>
<div class="section" id="c">
<h3>C<a class="headerlink" href="#c" title="Permalink to this headline">¶</a></h3>
<div class="section" id="simple-text-area">
<h4>Simple Text area<a class="headerlink" href="#simple-text-area" title="Permalink to this headline">¶</a></h4>
<iframe class='lv-example' src='/8.0/_static/built_lv_examples/index.html?example=lv_example_textarea_1&w=320&h=240'></iframe><div class="toggle docutils container">
<div class="header docutils container">
<p>code &nbsp; <a class='fa fa-github' href='https://github.com/lvgl/lvgl/blob/5d0ba633a5dc8bb1c3e3714461b6839f205a69fa/examples/widgets/textarea/lv_example_textarea_1.c'>&nbsp; view on GitHub</a></p></div>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>
<span class="cp">#if LV_USE_TEXTAREA &amp;&amp; LV_BUILD_EXAMPLES</span>

<span class="k">static</span> <span class="kt">void</span> <span class="nf">textarea_event_handler</span><span class="p">(</span><span class="n">lv_event_t</span> <span class="o">*</span> <span class="n">e</span><span class="p">)</span>
<span class="p">{</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">ta</span> <span class="o">=</span> <span class="n">lv_event_get_target</span><span class="p">(</span><span class="n">e</span><span class="p">);</span>
    <span class="n">LV_LOG_USER</span><span class="p">(</span><span class="s">&quot;Enter was pressed. The current text is: %s&quot;</span><span class="p">,</span> <span class="n">lv_textarea_get_text</span><span class="p">(</span><span class="n">ta</span><span class="p">));</span>
<span class="p">}</span>

<span class="k">static</span> <span class="kt">void</span> <span class="nf">btnm_event_handler</span><span class="p">(</span><span class="n">lv_event_t</span> <span class="o">*</span> <span class="n">e</span><span class="p">)</span>
<span class="p">{</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj</span> <span class="o">=</span> <span class="n">lv_event_get_target</span><span class="p">(</span><span class="n">e</span><span class="p">);</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">ta</span> <span class="o">=</span> <span class="n">lv_event_get_user_data</span><span class="p">(</span><span class="n">e</span><span class="p">);</span>
    <span class="k">const</span> <span class="kt">char</span> <span class="o">*</span> <span class="n">txt</span> <span class="o">=</span> <span class="n">lv_btnmatrix_get_btn_text</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">lv_btnmatrix_get_selected_btn</span><span class="p">(</span><span class="n">obj</span><span class="p">));</span>

    <span class="k">if</span><span class="p">(</span><span class="n">strcmp</span><span class="p">(</span><span class="n">txt</span><span class="p">,</span> <span class="n">LV_SYMBOL_BACKSPACE</span><span class="p">)</span> <span class="o">==</span> <span class="mi">0</span><span class="p">)</span> <span class="n">lv_textarea_del_char</span><span class="p">(</span><span class="n">ta</span><span class="p">);</span>
    <span class="k">else</span> <span class="k">if</span><span class="p">(</span><span class="n">strcmp</span><span class="p">(</span><span class="n">txt</span><span class="p">,</span> <span class="n">LV_SYMBOL_NEW_LINE</span><span class="p">)</span> <span class="o">==</span> <span class="mi">0</span><span class="p">)</span> <span class="n">lv_event_send</span><span class="p">(</span><span class="n">ta</span><span class="p">,</span> <span class="n">LV_EVENT_READY</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">);</span>
    <span class="k">else</span> <span class="n">lv_textarea_add_text</span><span class="p">(</span><span class="n">ta</span><span class="p">,</span> <span class="n">txt</span><span class="p">);</span>

<span class="p">}</span>

<span class="kt">void</span> <span class="nf">lv_example_textarea_1</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">ta</span> <span class="o">=</span> <span class="n">lv_textarea_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">());</span>
    <span class="n">lv_textarea_set_one_line</span><span class="p">(</span><span class="n">ta</span><span class="p">,</span> <span class="nb">true</span><span class="p">);</span>
    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">ta</span><span class="p">,</span> <span class="n">LV_ALIGN_TOP_MID</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>
    <span class="n">lv_obj_add_event_cb</span><span class="p">(</span><span class="n">ta</span><span class="p">,</span> <span class="n">textarea_event_handler</span><span class="p">,</span> <span class="n">LV_EVENT_READY</span><span class="p">,</span> <span class="n">ta</span><span class="p">);</span>
    <span class="n">lv_obj_add_state</span><span class="p">(</span><span class="n">ta</span><span class="p">,</span> <span class="n">LV_STATE_FOCUSED</span><span class="p">);</span> <span class="cm">/*To be sure the cursor is visible*/</span>

    <span class="k">static</span> <span class="k">const</span> <span class="kt">char</span> <span class="o">*</span> <span class="n">btnm_map</span><span class="p">[]</span> <span class="o">=</span> <span class="p">{</span><span class="s">&quot;1&quot;</span><span class="p">,</span> <span class="s">&quot;2&quot;</span><span class="p">,</span> <span class="s">&quot;3&quot;</span><span class="p">,</span> <span class="s">&quot;</span><span class="se">\n</span><span class="s">&quot;</span><span class="p">,</span>
                               <span class="s">&quot;4&quot;</span><span class="p">,</span> <span class="s">&quot;5&quot;</span><span class="p">,</span> <span class="s">&quot;6&quot;</span><span class="p">,</span> <span class="s">&quot;</span><span class="se">\n</span><span class="s">&quot;</span><span class="p">,</span>
                               <span class="s">&quot;7&quot;</span><span class="p">,</span> <span class="s">&quot;8&quot;</span><span class="p">,</span> <span class="s">&quot;9&quot;</span><span class="p">,</span> <span class="s">&quot;</span><span class="se">\n</span><span class="s">&quot;</span><span class="p">,</span>
                               <span class="n">LV_SYMBOL_BACKSPACE</span><span class="p">,</span> <span class="s">&quot;0&quot;</span><span class="p">,</span> <span class="n">LV_SYMBOL_NEW_LINE</span><span class="p">,</span> <span class="s">&quot;&quot;</span><span class="p">};</span>

    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">btnm</span> <span class="o">=</span> <span class="n">lv_btnmatrix_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">());</span>
    <span class="n">lv_obj_set_size</span><span class="p">(</span><span class="n">btnm</span><span class="p">,</span> <span class="mi">200</span><span class="p">,</span> <span class="mi">150</span><span class="p">);</span>
    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">btnm</span><span class="p">,</span> <span class="n">LV_ALIGN_BOTTOM_MID</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">-10</span><span class="p">);</span>
    <span class="n">lv_obj_add_event_cb</span><span class="p">(</span><span class="n">btnm</span><span class="p">,</span> <span class="n">btnm_event_handler</span><span class="p">,</span> <span class="n">LV_EVENT_VALUE_CHANGED</span><span class="p">,</span> <span class="n">ta</span><span class="p">);</span>
    <span class="n">lv_obj_clear_flag</span><span class="p">(</span><span class="n">btnm</span><span class="p">,</span> <span class="n">LV_OBJ_FLAG_CLICK_FOCUSABLE</span><span class="p">);</span> <span class="cm">/*To keep the text area focused on button clicks*/</span>
    <span class="n">lv_btnmatrix_set_map</span><span class="p">(</span><span class="n">btnm</span><span class="p">,</span> <span class="n">btnm_map</span><span class="p">);</span>
<span class="p">}</span>

<span class="cp">#endif</span>
</pre></div>
</div>
</div>
</div>
<div class="section" id="text-area-with-password-field">
<h4>Text area with password field<a class="headerlink" href="#text-area-with-password-field" title="Permalink to this headline">¶</a></h4>
<iframe class='lv-example' src='/8.0/_static/built_lv_examples/index.html?example=lv_example_textarea_2&w=320&h=240'></iframe><div class="toggle docutils container">
<div class="header docutils container">
<p>code &nbsp; <a class='fa fa-github' href='https://github.com/lvgl/lvgl/blob/5d0ba633a5dc8bb1c3e3714461b6839f205a69fa/examples/widgets/textarea/lv_example_textarea_2.c'>&nbsp; view on GitHub</a></p></div>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>
<span class="cp">#if LV_USE_TEXTAREA &amp;&amp; LV_USE_KEYBOARD &amp;&amp; LV_BUILD_EXAMPLES</span>

<span class="k">static</span> <span class="kt">void</span> <span class="nf">ta_event_cb</span><span class="p">(</span><span class="n">lv_event_t</span> <span class="o">*</span> <span class="n">e</span><span class="p">);</span>

<span class="k">static</span> <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">kb</span><span class="p">;</span>

<span class="kt">void</span> <span class="nf">lv_example_textarea_2</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="cm">/*Create the password box*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">pwd_ta</span> <span class="o">=</span> <span class="n">lv_textarea_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">());</span>
    <span class="n">lv_textarea_set_text</span><span class="p">(</span><span class="n">pwd_ta</span><span class="p">,</span> <span class="s">&quot;&quot;</span><span class="p">);</span>
    <span class="n">lv_textarea_set_password_mode</span><span class="p">(</span><span class="n">pwd_ta</span><span class="p">,</span> <span class="nb">true</span><span class="p">);</span>
    <span class="n">lv_textarea_set_one_line</span><span class="p">(</span><span class="n">pwd_ta</span><span class="p">,</span> <span class="nb">true</span><span class="p">);</span>
    <span class="n">lv_obj_set_width</span><span class="p">(</span><span class="n">pwd_ta</span><span class="p">,</span> <span class="n">lv_pct</span><span class="p">(</span><span class="mi">40</span><span class="p">));</span>
    <span class="n">lv_obj_set_pos</span><span class="p">(</span><span class="n">pwd_ta</span><span class="p">,</span> <span class="mi">5</span><span class="p">,</span> <span class="mi">20</span><span class="p">);</span>
    <span class="n">lv_obj_add_event_cb</span><span class="p">(</span><span class="n">pwd_ta</span><span class="p">,</span> <span class="n">ta_event_cb</span><span class="p">,</span> <span class="n">LV_EVENT_ALL</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">);</span>

    <span class="cm">/*Create a label and position it above the text box*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">pwd_label</span> <span class="o">=</span> <span class="n">lv_label_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">());</span>
    <span class="n">lv_label_set_text</span><span class="p">(</span><span class="n">pwd_label</span><span class="p">,</span> <span class="s">&quot;Password:&quot;</span><span class="p">);</span>
    <span class="n">lv_obj_align_to</span><span class="p">(</span><span class="n">pwd_label</span><span class="p">,</span> <span class="n">pwd_ta</span><span class="p">,</span> <span class="n">LV_ALIGN_OUT_TOP_LEFT</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>

    <span class="cm">/*Create the one-line mode text area*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">text_ta</span> <span class="o">=</span> <span class="n">lv_textarea_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">());</span>
    <span class="n">lv_textarea_set_one_line</span><span class="p">(</span><span class="n">text_ta</span><span class="p">,</span> <span class="nb">true</span><span class="p">);</span>
    <span class="n">lv_textarea_set_password_mode</span><span class="p">(</span><span class="n">text_ta</span><span class="p">,</span> <span class="nb">false</span><span class="p">);</span>
    <span class="n">lv_obj_set_width</span><span class="p">(</span><span class="n">text_ta</span><span class="p">,</span> <span class="n">lv_pct</span><span class="p">(</span><span class="mi">40</span><span class="p">));</span>
    <span class="n">lv_obj_add_event_cb</span><span class="p">(</span><span class="n">text_ta</span><span class="p">,</span> <span class="n">ta_event_cb</span><span class="p">,</span> <span class="n">LV_EVENT_ALL</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">);</span>
    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">text_ta</span><span class="p">,</span> <span class="n">LV_ALIGN_TOP_RIGHT</span><span class="p">,</span> <span class="mi">-5</span><span class="p">,</span> <span class="mi">20</span><span class="p">);</span>


    <span class="cm">/*Create a label and position it above the text box*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">oneline_label</span> <span class="o">=</span> <span class="n">lv_label_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">());</span>
    <span class="n">lv_label_set_text</span><span class="p">(</span><span class="n">oneline_label</span><span class="p">,</span> <span class="s">&quot;Text:&quot;</span><span class="p">);</span>
    <span class="n">lv_obj_align_to</span><span class="p">(</span><span class="n">oneline_label</span><span class="p">,</span> <span class="n">text_ta</span><span class="p">,</span> <span class="n">LV_ALIGN_OUT_TOP_LEFT</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>

    <span class="cm">/*Create a keyboard*/</span>
    <span class="n">kb</span> <span class="o">=</span> <span class="n">lv_keyboard_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">());</span>
    <span class="n">lv_obj_set_size</span><span class="p">(</span><span class="n">kb</span><span class="p">,</span>  <span class="n">LV_HOR_RES</span><span class="p">,</span> <span class="n">LV_VER_RES</span> <span class="o">/</span> <span class="mi">2</span><span class="p">);</span>

    <span class="n">lv_keyboard_set_textarea</span><span class="p">(</span><span class="n">kb</span><span class="p">,</span> <span class="n">pwd_ta</span><span class="p">);</span> <span class="cm">/*Focus it on one of the text areas to start*/</span>
<span class="p">}</span>

<span class="k">static</span> <span class="kt">void</span> <span class="nf">ta_event_cb</span><span class="p">(</span><span class="n">lv_event_t</span> <span class="o">*</span> <span class="n">e</span><span class="p">)</span>
<span class="p">{</span>
    <span class="n">lv_event_code_t</span> <span class="n">code</span> <span class="o">=</span> <span class="n">lv_event_get_code</span><span class="p">(</span><span class="n">e</span><span class="p">);</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">ta</span> <span class="o">=</span> <span class="n">lv_event_get_target</span><span class="p">(</span><span class="n">e</span><span class="p">);</span>
    <span class="k">if</span><span class="p">(</span><span class="n">code</span> <span class="o">==</span> <span class="n">LV_EVENT_CLICKED</span> <span class="o">||</span> <span class="n">code</span> <span class="o">==</span> <span class="n">LV_EVENT_FOCUSED</span><span class="p">)</span> <span class="p">{</span>
        <span class="cm">/*Focus on the clicked text area*/</span>
        <span class="k">if</span><span class="p">(</span><span class="n">kb</span> <span class="o">!=</span> <span class="nb">NULL</span><span class="p">)</span> <span class="n">lv_keyboard_set_textarea</span><span class="p">(</span><span class="n">kb</span><span class="p">,</span> <span class="n">ta</span><span class="p">);</span>
    <span class="p">}</span>

    <span class="k">else</span> <span class="k">if</span><span class="p">(</span><span class="n">code</span> <span class="o">==</span> <span class="n">LV_EVENT_READY</span><span class="p">)</span> <span class="p">{</span>
        <span class="n">LV_LOG_USER</span><span class="p">(</span><span class="s">&quot;Ready, current text: %s&quot;</span><span class="p">,</span> <span class="n">lv_textarea_get_text</span><span class="p">(</span><span class="n">ta</span><span class="p">));</span>
    <span class="p">}</span>
<span class="p">}</span>

<span class="cp">#endif</span>
</pre></div>
</div>
</div>
</div>
<div class="section" id="text-auto-formatting">
<h4>Text auto-formatting<a class="headerlink" href="#text-auto-formatting" title="Permalink to this headline">¶</a></h4>
<iframe class='lv-example' src='/8.0/_static/built_lv_examples/index.html?example=lv_example_textarea_3&w=320&h=240'></iframe><div class="toggle docutils container">
<div class="header docutils container">
<p>code &nbsp; <a class='fa fa-github' href='https://github.com/lvgl/lvgl/blob/5d0ba633a5dc8bb1c3e3714461b6839f205a69fa/examples/widgets/textarea/lv_example_textarea_3.c'>&nbsp; view on GitHub</a></p></div>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>
<span class="cp">#if LV_USE_TEXTAREA &amp;&amp; LV_USE_KEYBOARD &amp;&amp; LV_BUILD_EXAMPLES</span>

<span class="k">static</span> <span class="kt">void</span> <span class="nf">ta_event_cb</span><span class="p">(</span><span class="n">lv_event_t</span> <span class="o">*</span> <span class="n">e</span><span class="p">);</span>

<span class="k">static</span> <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">kb</span><span class="p">;</span>

<span class="cm">/**</span>
<span class="cm"> * Automatically format text like a clock. E.g. &quot;12:34&quot;</span>
<span class="cm"> * Add the &#39;:&#39; automatically.</span>
<span class="cm"> */</span>
<span class="kt">void</span> <span class="nf">lv_example_textarea_3</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="cm">/*Create the text area*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">ta</span> <span class="o">=</span> <span class="n">lv_textarea_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">());</span>
    <span class="n">lv_obj_add_event_cb</span><span class="p">(</span><span class="n">ta</span><span class="p">,</span> <span class="n">ta_event_cb</span><span class="p">,</span> <span class="n">LV_EVENT_VALUE_CHANGED</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">);</span>
    <span class="n">lv_textarea_set_accepted_chars</span><span class="p">(</span><span class="n">ta</span><span class="p">,</span> <span class="s">&quot;0123456789:&quot;</span><span class="p">);</span>
    <span class="n">lv_textarea_set_max_length</span><span class="p">(</span><span class="n">ta</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span>
    <span class="n">lv_textarea_set_one_line</span><span class="p">(</span><span class="n">ta</span><span class="p">,</span> <span class="nb">true</span><span class="p">);</span>
    <span class="n">lv_textarea_set_text</span><span class="p">(</span><span class="n">ta</span><span class="p">,</span> <span class="s">&quot;&quot;</span><span class="p">);</span>

    <span class="cm">/*Create a keyboard*/</span>
    <span class="n">kb</span> <span class="o">=</span> <span class="n">lv_keyboard_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">());</span>
    <span class="n">lv_obj_set_size</span><span class="p">(</span><span class="n">kb</span><span class="p">,</span>  <span class="n">LV_HOR_RES</span><span class="p">,</span> <span class="n">LV_VER_RES</span> <span class="o">/</span> <span class="mi">2</span><span class="p">);</span>
    <span class="n">lv_keyboard_set_mode</span><span class="p">(</span><span class="n">kb</span><span class="p">,</span> <span class="n">LV_KEYBOARD_MODE_NUMBER</span><span class="p">);</span>
    <span class="n">lv_keyboard_set_textarea</span><span class="p">(</span><span class="n">kb</span><span class="p">,</span> <span class="n">ta</span><span class="p">);</span>
<span class="p">}</span>

<span class="k">static</span> <span class="kt">void</span> <span class="nf">ta_event_cb</span><span class="p">(</span><span class="n">lv_event_t</span> <span class="o">*</span> <span class="n">e</span><span class="p">)</span>
<span class="p">{</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">ta</span> <span class="o">=</span> <span class="n">lv_event_get_target</span><span class="p">(</span><span class="n">e</span><span class="p">);</span>
    <span class="k">const</span> <span class="kt">char</span> <span class="o">*</span> <span class="n">txt</span> <span class="o">=</span> <span class="n">lv_textarea_get_text</span><span class="p">(</span><span class="n">ta</span><span class="p">);</span>
    <span class="k">if</span><span class="p">(</span><span class="n">txt</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">&gt;=</span> <span class="sc">&#39;0&#39;</span> <span class="o">&amp;&amp;</span> <span class="n">txt</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">&lt;=</span> <span class="sc">&#39;9&#39;</span> <span class="o">&amp;&amp;</span>
        <span class="n">txt</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">&gt;=</span> <span class="sc">&#39;0&#39;</span> <span class="o">&amp;&amp;</span> <span class="n">txt</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">&lt;=</span> <span class="sc">&#39;9&#39;</span> <span class="o">&amp;&amp;</span>
        <span class="n">txt</span><span class="p">[</span><span class="mi">2</span><span class="p">]</span> <span class="o">!=</span> <span class="sc">&#39;:&#39;</span><span class="p">)</span>
    <span class="p">{</span>
        <span class="n">lv_textarea_set_cursor_pos</span><span class="p">(</span><span class="n">ta</span><span class="p">,</span> <span class="mi">2</span><span class="p">);</span>
        <span class="n">lv_textarea_add_char</span><span class="p">(</span><span class="n">ta</span><span class="p">,</span> <span class="sc">&#39;:&#39;</span><span class="p">);</span>
    <span class="p">}</span>
<span class="p">}</span>

<span class="cp">#endif</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="section" id="micropython">
<h3>MicroPython<a class="headerlink" href="#micropython" title="Permalink to this headline">¶</a></h3>
<p>No examples yet.</p>
</div>
</div>
<div class="section" id="api">
<h2>API<a class="headerlink" href="#api" title="Permalink to this headline">¶</a></h2>
<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-enums">Enums</p>
<dl class="cpp enum">
<dt class="sig sig-object cpp" id="_CPPv4Ut2_66">
<span id="_CPPv3Ut2_66"></span><span class="target" id="lv__textarea_8h_1ade9ca5088d171ad20b4c237f1c2d6260"></span><span class="k"><span class="pre">enum</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">[anonymous]</span></span></span><a class="headerlink" href="#_CPPv4Ut2_66" title="Permalink to this definition">¶</a><br /></dt>
<dd><p><em>Values:</em></p>
<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt2_6628LV_PART_TEXTAREA_PLACEHOLDERE">
<span id="_CPPv3NUt2_6628LV_PART_TEXTAREA_PLACEHOLDERE"></span><span class="target" id="lv__textarea_8h_1ade9ca5088d171ad20b4c237f1c2d6260a1fee38b182428315a33c88f8357eb333"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_PART_TEXTAREA_PLACEHOLDER</span></span></span><a class="headerlink" href="#_CPPv4NUt2_6628LV_PART_TEXTAREA_PLACEHOLDERE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</dd></dl>

</div>
<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-functions">Functions</p>
<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv419LV_EXPORT_CONST_INT23LV_TEXTAREA_CURSOR_LAST">
<span id="_CPPv319LV_EXPORT_CONST_INT23LV_TEXTAREA_CURSOR_LAST"></span><span id="_CPPv219LV_EXPORT_CONST_INT23LV_TEXTAREA_CURSOR_LAST"></span><span id="LV_EXPORT_CONST_INT__LV_TEXTAREA_CURSOR_LAST"></span><span class="target" id="lv__textarea_8h_1ae4b1586e653023c2042acc0412447a79"></span><span class="sig-name descname"><span class="n"><span class="pre">LV_EXPORT_CONST_INT</span></span></span><span class="sig-paren">(</span><span class="n"><span class="pre">LV_TEXTAREA_CURSOR_LAST</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv419LV_EXPORT_CONST_INT23LV_TEXTAREA_CURSOR_LAST" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv418lv_textarea_createP8lv_obj_t">
<span id="_CPPv318lv_textarea_createP8lv_obj_t"></span><span id="_CPPv218lv_textarea_createP8lv_obj_t"></span><span id="lv_textarea_create__lv_obj_tP"></span><span class="target" id="lv__textarea_8h_1a9aa74046721399e3a0eb91d96314f8c0"></span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_create</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">parent</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv418lv_textarea_createP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Create a text area objects </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>parent</strong> -- pointer to an object, it will be the parent of the new text area </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>pointer to the created text area </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv420lv_textarea_add_charP8lv_obj_t8uint32_t">
<span id="_CPPv320lv_textarea_add_charP8lv_obj_t8uint32_t"></span><span id="_CPPv220lv_textarea_add_charP8lv_obj_t8uint32_t"></span><span id="lv_textarea_add_char__lv_obj_tP.uint32_t"></span><span class="target" id="lv__textarea_8h_1ad588512e6e393024062306c369014040"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_add_char</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="n"><span class="pre">uint32_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">c</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv420lv_textarea_add_charP8lv_obj_t8uint32_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Insert a character to the current cursor position. To add a wide char, e.g. 'Á' use _lv_txt_encoded_conv_wc('Á)` </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to a text area object </p></li>
<li><p><strong>c</strong> -- a character (e.g. 'a') </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv420lv_textarea_add_textP8lv_obj_tPKc">
<span id="_CPPv320lv_textarea_add_textP8lv_obj_tPKc"></span><span id="_CPPv220lv_textarea_add_textP8lv_obj_tPKc"></span><span id="lv_textarea_add_text__lv_obj_tP.cCP"></span><span class="target" id="lv__textarea_8h_1a5c675b8c0c2d366ce1b04182ff52606a"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_add_text</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">txt</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv420lv_textarea_add_textP8lv_obj_tPKc" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Insert a text to the current cursor position </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to a text area object </p></li>
<li><p><strong>txt</strong> -- a '\0' terminated string to insert </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv420lv_textarea_del_charP8lv_obj_t">
<span id="_CPPv320lv_textarea_del_charP8lv_obj_t"></span><span id="_CPPv220lv_textarea_del_charP8lv_obj_t"></span><span id="lv_textarea_del_char__lv_obj_tP"></span><span class="target" id="lv__textarea_8h_1a6ab9ab0361fa9980e522f5e790f08073"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_del_char</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv420lv_textarea_del_charP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Delete a the left character from the current cursor position </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv428lv_textarea_del_char_forwardP8lv_obj_t">
<span id="_CPPv328lv_textarea_del_char_forwardP8lv_obj_t"></span><span id="_CPPv228lv_textarea_del_char_forwardP8lv_obj_t"></span><span id="lv_textarea_del_char_forward__lv_obj_tP"></span><span class="target" id="lv__textarea_8h_1aba420f579b7d6d7c61c1a2802d48d235"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_del_char_forward</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv428lv_textarea_del_char_forwardP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Delete the right character from the current cursor position </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv420lv_textarea_set_textP8lv_obj_tPKc">
<span id="_CPPv320lv_textarea_set_textP8lv_obj_tPKc"></span><span id="_CPPv220lv_textarea_set_textP8lv_obj_tPKc"></span><span id="lv_textarea_set_text__lv_obj_tP.cCP"></span><span class="target" id="lv__textarea_8h_1a08adbdd5ba257b71e3b1bbda0f722700"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_set_text</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">txt</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv420lv_textarea_set_textP8lv_obj_tPKc" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set the text of a text area </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to a text area object </p></li>
<li><p><strong>txt</strong> -- pointer to the text </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv432lv_textarea_set_placeholder_textP8lv_obj_tPKc">
<span id="_CPPv332lv_textarea_set_placeholder_textP8lv_obj_tPKc"></span><span id="_CPPv232lv_textarea_set_placeholder_textP8lv_obj_tPKc"></span><span id="lv_textarea_set_placeholder_text__lv_obj_tP.cCP"></span><span class="target" id="lv__textarea_8h_1a09f9449e1f83d3f77e075dc982f9e6a7"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_set_placeholder_text</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">txt</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv432lv_textarea_set_placeholder_textP8lv_obj_tPKc" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set the placeholder text of a text area </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to a text area object </p></li>
<li><p><strong>txt</strong> -- pointer to the text </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv426lv_textarea_set_cursor_posP8lv_obj_t7int32_t">
<span id="_CPPv326lv_textarea_set_cursor_posP8lv_obj_t7int32_t"></span><span id="_CPPv226lv_textarea_set_cursor_posP8lv_obj_t7int32_t"></span><span id="lv_textarea_set_cursor_pos__lv_obj_tP.int32_t"></span><span class="target" id="lv__textarea_8h_1af3da83ebd09f5f59e89de8c682267e26"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_set_cursor_pos</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="n"><span class="pre">int32_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">pos</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv426lv_textarea_set_cursor_posP8lv_obj_t7int32_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set the cursor position </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to a text area object </p></li>
<li><p><strong>pos</strong> -- the new cursor position in character index &lt; 0 : index from the end of the text LV_TEXTAREA_CURSOR_LAST: go after the last character </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv432lv_textarea_set_cursor_click_posP8lv_obj_tb">
<span id="_CPPv332lv_textarea_set_cursor_click_posP8lv_obj_tb"></span><span id="_CPPv232lv_textarea_set_cursor_click_posP8lv_obj_tb"></span><span id="lv_textarea_set_cursor_click_pos__lv_obj_tP.b"></span><span class="target" id="lv__textarea_8h_1a5b98f5314187fb4cb878f96aef4f390f"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_set_cursor_click_pos</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">en</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv432lv_textarea_set_cursor_click_posP8lv_obj_tb" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Enable/Disable the positioning of the cursor by clicking the text on the text area. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to a text area object </p></li>
<li><p><strong>en</strong> -- true: enable click positions; false: disable </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv429lv_textarea_set_password_modeP8lv_obj_tb">
<span id="_CPPv329lv_textarea_set_password_modeP8lv_obj_tb"></span><span id="_CPPv229lv_textarea_set_password_modeP8lv_obj_tb"></span><span id="lv_textarea_set_password_mode__lv_obj_tP.b"></span><span class="target" id="lv__textarea_8h_1ad667bc93313ee673183b30396aceba67"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_set_password_mode</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">en</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv429lv_textarea_set_password_modeP8lv_obj_tb" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Enable/Disable password mode </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to a text area object </p></li>
<li><p><strong>en</strong> -- true: enable, false: disable </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv424lv_textarea_set_one_lineP8lv_obj_tb">
<span id="_CPPv324lv_textarea_set_one_lineP8lv_obj_tb"></span><span id="_CPPv224lv_textarea_set_one_lineP8lv_obj_tb"></span><span id="lv_textarea_set_one_line__lv_obj_tP.b"></span><span class="target" id="lv__textarea_8h_1ac18b5648b95741dc3ae9c305cf14301e"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_set_one_line</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">en</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv424lv_textarea_set_one_lineP8lv_obj_tb" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Configure the text area to one line or back to normal </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to a text area object </p></li>
<li><p><strong>en</strong> -- true: one line, false: normal </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv430lv_textarea_set_accepted_charsP8lv_obj_tPKc">
<span id="_CPPv330lv_textarea_set_accepted_charsP8lv_obj_tPKc"></span><span id="_CPPv230lv_textarea_set_accepted_charsP8lv_obj_tPKc"></span><span id="lv_textarea_set_accepted_chars__lv_obj_tP.cCP"></span><span class="target" id="lv__textarea_8h_1ad22627f685c20a24dd228d4020d61433"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_set_accepted_chars</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">list</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv430lv_textarea_set_accepted_charsP8lv_obj_tPKc" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set a list of characters. Only these characters will be accepted by the text area </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to a text area object </p></li>
<li><p><strong>list</strong> -- list of characters. Only the pointer is saved. E.g. &quot;+-.,0123456789&quot; </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv426lv_textarea_set_max_lengthP8lv_obj_t8uint32_t">
<span id="_CPPv326lv_textarea_set_max_lengthP8lv_obj_t8uint32_t"></span><span id="_CPPv226lv_textarea_set_max_lengthP8lv_obj_t8uint32_t"></span><span id="lv_textarea_set_max_length__lv_obj_tP.uint32_t"></span><span class="target" id="lv__textarea_8h_1ac82c6b9187cd91bc8122c7a6ab205e72"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_set_max_length</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="n"><span class="pre">uint32_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">num</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv426lv_textarea_set_max_lengthP8lv_obj_t8uint32_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set max length of a Text Area. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to a text area object </p></li>
<li><p><strong>num</strong> -- the maximal number of characters can be added (<code class="docutils literal notranslate"><span class="pre">lv_textarea_set_text</span></code> ignores it) </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv430lv_textarea_set_insert_replaceP8lv_obj_tPKc">
<span id="_CPPv330lv_textarea_set_insert_replaceP8lv_obj_tPKc"></span><span id="_CPPv230lv_textarea_set_insert_replaceP8lv_obj_tPKc"></span><span id="lv_textarea_set_insert_replace__lv_obj_tP.cCP"></span><span class="target" id="lv__textarea_8h_1af49fbc6b5fdad658e5f4f2f4b6166eb3"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_set_insert_replace</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">txt</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv430lv_textarea_set_insert_replaceP8lv_obj_tPKc" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>In <code class="docutils literal notranslate"><span class="pre">LV_EVENT_INSERT</span></code> the text which planned to be inserted can be replaced by an other text. It can be used to add automatic formatting to the text area. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to a text area object </p></li>
<li><p><strong>txt</strong> -- pointer to a new string to insert. If <code class="docutils literal notranslate"><span class="pre">&quot;&quot;</span></code> no text will be added. The variable must be live after the <code class="docutils literal notranslate"><span class="pre">event_cb</span></code> exists. (Should be <code class="docutils literal notranslate"><span class="pre">global</span></code> or <code class="docutils literal notranslate"><span class="pre">static</span></code>) </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv430lv_textarea_set_text_selectionP8lv_obj_tb">
<span id="_CPPv330lv_textarea_set_text_selectionP8lv_obj_tb"></span><span id="_CPPv230lv_textarea_set_text_selectionP8lv_obj_tb"></span><span id="lv_textarea_set_text_selection__lv_obj_tP.b"></span><span class="target" id="lv__textarea_8h_1a0b6b1216a417df6f37984a91cb671965"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_set_text_selection</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">en</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv430lv_textarea_set_text_selectionP8lv_obj_tb" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Enable/disable selection mode. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to a text area object </p></li>
<li><p><strong>en</strong> -- true or false to enable/disable selection mode </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv434lv_textarea_set_password_show_timeP8lv_obj_t8uint16_t">
<span id="_CPPv334lv_textarea_set_password_show_timeP8lv_obj_t8uint16_t"></span><span id="_CPPv234lv_textarea_set_password_show_timeP8lv_obj_t8uint16_t"></span><span id="lv_textarea_set_password_show_time__lv_obj_tP.uint16_t"></span><span class="target" id="lv__textarea_8h_1a89b165bfb0a9ed2f032f13117c133be6"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_set_password_show_time</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="n"><span class="pre">uint16_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">time</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv434lv_textarea_set_password_show_timeP8lv_obj_t8uint16_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set how long show the password before changing it to '*' </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to a text area object </p></li>
<li><p><strong>time</strong> -- show time in milliseconds. 0: hide immediately. </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv421lv_textarea_set_alignP8lv_obj_t15lv_text_align_t">
<span id="_CPPv321lv_textarea_set_alignP8lv_obj_t15lv_text_align_t"></span><span id="_CPPv221lv_textarea_set_alignP8lv_obj_t15lv_text_align_t"></span><span id="lv_textarea_set_align__lv_obj_tP.lv_text_align_t"></span><span class="target" id="lv__textarea_8h_1a3a131270dd523b080c9a1542f1f26b05"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_set_align</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="n"><span class="pre">lv_text_align_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">align</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv421lv_textarea_set_alignP8lv_obj_t15lv_text_align_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set the label's alignment. It sets where the label is aligned (in one line mode it can be smaller than the text area) and how the lines of the area align in case of multiline text area </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to a text area object </p></li>
<li><p><strong>align</strong> -- the align mode from ::lv_text_align_t </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv420lv_textarea_get_textPK8lv_obj_t">
<span id="_CPPv320lv_textarea_get_textPK8lv_obj_t"></span><span id="_CPPv220lv_textarea_get_textPK8lv_obj_t"></span><span id="lv_textarea_get_text__lv_obj_tCP"></span><span class="target" id="lv__textarea_8h_1ae2d99902b6e15a8b6c7ac4ccb9841c08"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_get_text</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv420lv_textarea_get_textPK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the text of a text area. In password mode it gives the real text (not '*'s). </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>pointer to the text </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv432lv_textarea_get_placeholder_textP8lv_obj_t">
<span id="_CPPv332lv_textarea_get_placeholder_textP8lv_obj_t"></span><span id="_CPPv232lv_textarea_get_placeholder_textP8lv_obj_t"></span><span id="lv_textarea_get_placeholder_text__lv_obj_tP"></span><span class="target" id="lv__textarea_8h_1a6874b74a46717c0dca4bc92aacbed4bf"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_get_placeholder_text</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv432lv_textarea_get_placeholder_textP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the placeholder text of a text area </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>pointer to the text </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv421lv_textarea_get_labelPK8lv_obj_t">
<span id="_CPPv321lv_textarea_get_labelPK8lv_obj_t"></span><span id="_CPPv221lv_textarea_get_labelPK8lv_obj_t"></span><span id="lv_textarea_get_label__lv_obj_tCP"></span><span class="target" id="lv__textarea_8h_1a989f9d99c6c895b3cc09ec7af5c4185c"></span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_get_label</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv421lv_textarea_get_labelPK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the label of a text area </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>pointer to the label object </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv426lv_textarea_get_cursor_posPK8lv_obj_t">
<span id="_CPPv326lv_textarea_get_cursor_posPK8lv_obj_t"></span><span id="_CPPv226lv_textarea_get_cursor_posPK8lv_obj_t"></span><span id="lv_textarea_get_cursor_pos__lv_obj_tCP"></span><span class="target" id="lv__textarea_8h_1a9d32423942c831913625bc895eec284b"></span><span class="n"><span class="pre">uint32_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_get_cursor_pos</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv426lv_textarea_get_cursor_posPK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the current cursor position in character index </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>the cursor position </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv432lv_textarea_get_cursor_click_posP8lv_obj_t">
<span id="_CPPv332lv_textarea_get_cursor_click_posP8lv_obj_t"></span><span id="_CPPv232lv_textarea_get_cursor_click_posP8lv_obj_t"></span><span id="lv_textarea_get_cursor_click_pos__lv_obj_tP"></span><span class="target" id="lv__textarea_8h_1ac2df6217bce4b8fee2eb479e725982e3"></span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_get_cursor_click_pos</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv432lv_textarea_get_cursor_click_posP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get whether the cursor click positioning is enabled or not. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>true: enable click positions; false: disable </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv429lv_textarea_get_password_modePK8lv_obj_t">
<span id="_CPPv329lv_textarea_get_password_modePK8lv_obj_t"></span><span id="_CPPv229lv_textarea_get_password_modePK8lv_obj_t"></span><span id="lv_textarea_get_password_mode__lv_obj_tCP"></span><span class="target" id="lv__textarea_8h_1a0da1826580fd6b75556a76cdf8faa957"></span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_get_password_mode</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv429lv_textarea_get_password_modePK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the password mode attribute </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>true: password mode is enabled, false: disabled </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv424lv_textarea_get_one_linePK8lv_obj_t">
<span id="_CPPv324lv_textarea_get_one_linePK8lv_obj_t"></span><span id="_CPPv224lv_textarea_get_one_linePK8lv_obj_t"></span><span id="lv_textarea_get_one_line__lv_obj_tCP"></span><span class="target" id="lv__textarea_8h_1a85aff0a0aa3698128cbd4fd518026c19"></span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_get_one_line</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv424lv_textarea_get_one_linePK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the one line configuration attribute </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>true: one line configuration is enabled, false: disabled </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv430lv_textarea_get_accepted_charsP8lv_obj_t">
<span id="_CPPv330lv_textarea_get_accepted_charsP8lv_obj_t"></span><span id="_CPPv230lv_textarea_get_accepted_charsP8lv_obj_t"></span><span id="lv_textarea_get_accepted_chars__lv_obj_tP"></span><span class="target" id="lv__textarea_8h_1a2c36b22c02f1305e83eb79fd96597ba2"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_get_accepted_chars</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv430lv_textarea_get_accepted_charsP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get a list of accepted characters. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>list of accented characters. </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv426lv_textarea_get_max_lengthP8lv_obj_t">
<span id="_CPPv326lv_textarea_get_max_lengthP8lv_obj_t"></span><span id="_CPPv226lv_textarea_get_max_lengthP8lv_obj_t"></span><span id="lv_textarea_get_max_length__lv_obj_tP"></span><span class="target" id="lv__textarea_8h_1ab19822f2323f9b0d4e7af9cd51819927"></span><span class="n"><span class="pre">uint32_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_get_max_length</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv426lv_textarea_get_max_lengthP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get max length of a Text Area. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>the maximal number of characters to be add </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv428lv_textarea_text_is_selectedPK8lv_obj_t">
<span id="_CPPv328lv_textarea_text_is_selectedPK8lv_obj_t"></span><span id="_CPPv228lv_textarea_text_is_selectedPK8lv_obj_t"></span><span id="lv_textarea_text_is_selected__lv_obj_tCP"></span><span class="target" id="lv__textarea_8h_1a4644c96ce9e1bc2474cd0aca6ca45e09"></span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_text_is_selected</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv428lv_textarea_text_is_selectedPK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Find whether text is selected or not. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>whether text is selected or not </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv430lv_textarea_get_text_selectionP8lv_obj_t">
<span id="_CPPv330lv_textarea_get_text_selectionP8lv_obj_t"></span><span id="_CPPv230lv_textarea_get_text_selectionP8lv_obj_t"></span><span id="lv_textarea_get_text_selection__lv_obj_tP"></span><span class="target" id="lv__textarea_8h_1aafa5bde651b595f2617724da499ce86d"></span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_get_text_selection</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv430lv_textarea_get_text_selectionP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Find whether selection mode is enabled. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>true: selection mode is enabled, false: disabled </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv434lv_textarea_get_password_show_timeP8lv_obj_t">
<span id="_CPPv334lv_textarea_get_password_show_timeP8lv_obj_t"></span><span id="_CPPv234lv_textarea_get_password_show_timeP8lv_obj_t"></span><span id="lv_textarea_get_password_show_time__lv_obj_tP"></span><span class="target" id="lv__textarea_8h_1aeebf538d67b2b86741cf8777ed3b6fb4"></span><span class="n"><span class="pre">uint16_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_get_password_show_time</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv434lv_textarea_get_password_show_timeP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set how long show the password before changing it to '*' </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>show time in milliseconds. 0: hide immediately. </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv427lv_textarea_clear_selectionP8lv_obj_t">
<span id="_CPPv327lv_textarea_clear_selectionP8lv_obj_t"></span><span id="_CPPv227lv_textarea_clear_selectionP8lv_obj_t"></span><span id="lv_textarea_clear_selection__lv_obj_tP"></span><span class="target" id="lv__textarea_8h_1ad8b58c73f450910c7d90d712bf01f20c"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_clear_selection</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv427lv_textarea_clear_selectionP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Clear the selection on the text area. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv424lv_textarea_cursor_rightP8lv_obj_t">
<span id="_CPPv324lv_textarea_cursor_rightP8lv_obj_t"></span><span id="_CPPv224lv_textarea_cursor_rightP8lv_obj_t"></span><span id="lv_textarea_cursor_right__lv_obj_tP"></span><span class="target" id="lv__textarea_8h_1abaa40a276709b15f6f2665c80768169d"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_cursor_right</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv424lv_textarea_cursor_rightP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Move the cursor one character right </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv423lv_textarea_cursor_leftP8lv_obj_t">
<span id="_CPPv323lv_textarea_cursor_leftP8lv_obj_t"></span><span id="_CPPv223lv_textarea_cursor_leftP8lv_obj_t"></span><span id="lv_textarea_cursor_left__lv_obj_tP"></span><span class="target" id="lv__textarea_8h_1a33bbd65e6e6f13843a4235d8d499abc9"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_cursor_left</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv423lv_textarea_cursor_leftP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Move the cursor one character left </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv423lv_textarea_cursor_downP8lv_obj_t">
<span id="_CPPv323lv_textarea_cursor_downP8lv_obj_t"></span><span id="_CPPv223lv_textarea_cursor_downP8lv_obj_t"></span><span id="lv_textarea_cursor_down__lv_obj_tP"></span><span class="target" id="lv__textarea_8h_1af75903c4f9fc256af5a70505683b02c8"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_cursor_down</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv423lv_textarea_cursor_downP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Move the cursor one line down </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv421lv_textarea_cursor_upP8lv_obj_t">
<span id="_CPPv321lv_textarea_cursor_upP8lv_obj_t"></span><span id="_CPPv221lv_textarea_cursor_upP8lv_obj_t"></span><span id="lv_textarea_cursor_up__lv_obj_tP"></span><span class="target" id="lv__textarea_8h_1abc9d92ffe4f5ab02c82d1ccb3b6a4e4c"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_cursor_up</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv421lv_textarea_cursor_upP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Move the cursor one line up </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to a text area object </p>
</dd>
</dl>
</dd></dl>

</div>
<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-variables">Variables</p>
<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv417lv_textarea_class">
<span id="_CPPv317lv_textarea_class"></span><span id="_CPPv217lv_textarea_class"></span><span id="lv_textarea_class__lv_obj_class_tC"></span><span class="target" id="lv__textarea_8h_1a9eeb4c1eeea4587dac9732166dace7ea"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">lv_obj_class_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_class</span></span></span><a class="headerlink" href="#_CPPv417lv_textarea_class" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</div>
<dl class="cpp struct">
<dt class="sig sig-object cpp" id="_CPPv413lv_textarea_t">
<span id="_CPPv313lv_textarea_t"></span><span id="_CPPv213lv_textarea_t"></span><span id="lv_textarea_t"></span><span class="target" id="structlv__textarea__t"></span><span class="k"><span class="pre">struct</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_textarea_t</span></span></span><a class="headerlink" href="#_CPPv413lv_textarea_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-members">Public Members</p>
<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t3objE">
<span id="_CPPv3N13lv_textarea_t3objE"></span><span id="_CPPv2N13lv_textarea_t3objE"></span><span id="lv_textarea_t::obj__lv_obj_t"></span><span class="target" id="structlv__textarea__t_1a197441c4f3532fc0178c41b9ab4c5e23"></span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">obj</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t3objE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t5labelE">
<span id="_CPPv3N13lv_textarea_t5labelE"></span><span id="_CPPv2N13lv_textarea_t5labelE"></span><span id="lv_textarea_t::label__lv_obj_tP"></span><span class="target" id="structlv__textarea__t_1aa9ca1925b1cad4f774967ed302bdf283"></span><a class="reference internal" href="../obj.html#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">label</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t5labelE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t15placeholder_txtE">
<span id="_CPPv3N13lv_textarea_t15placeholder_txtE"></span><span id="_CPPv2N13lv_textarea_t15placeholder_txtE"></span><span id="lv_textarea_t::placeholder_txt__cP"></span><span class="target" id="structlv__textarea__t_1a45ed2db441acbc727dc7f6bdd3a1d47b"></span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">placeholder_txt</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t15placeholder_txtE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t7pwd_tmpE">
<span id="_CPPv3N13lv_textarea_t7pwd_tmpE"></span><span id="_CPPv2N13lv_textarea_t7pwd_tmpE"></span><span id="lv_textarea_t::pwd_tmp__cP"></span><span class="target" id="structlv__textarea__t_1a486facde875e18d1c9b207696620bad3"></span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">pwd_tmp</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t7pwd_tmpE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t14accepted_charsE">
<span id="_CPPv3N13lv_textarea_t14accepted_charsE"></span><span id="_CPPv2N13lv_textarea_t14accepted_charsE"></span><span id="lv_textarea_t::accepted_chars__cCP"></span><span class="target" id="structlv__textarea__t_1a577937d280b90e8f9e85e7fbb847d016"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">accepted_chars</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t14accepted_charsE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t10max_lengthE">
<span id="_CPPv3N13lv_textarea_t10max_lengthE"></span><span id="_CPPv2N13lv_textarea_t10max_lengthE"></span><span id="lv_textarea_t::max_length__uint32_t"></span><span class="target" id="structlv__textarea__t_1a38d0f273fb286313268945bbc323d905"></span><span class="n"><span class="pre">uint32_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">max_length</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t10max_lengthE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t13pwd_show_timeE">
<span id="_CPPv3N13lv_textarea_t13pwd_show_timeE"></span><span id="_CPPv2N13lv_textarea_t13pwd_show_timeE"></span><span id="lv_textarea_t::pwd_show_time__uint16_t"></span><span class="target" id="structlv__textarea__t_1a41ffc99243942b02760b9094e44ee93f"></span><span class="n"><span class="pre">uint16_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">pwd_show_time</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t13pwd_show_timeE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t7valid_xE">
<span id="_CPPv3N13lv_textarea_t7valid_xE"></span><span id="_CPPv2N13lv_textarea_t7valid_xE"></span><span id="lv_textarea_t::valid_x__lv_coord_t"></span><span class="target" id="structlv__textarea__t_1a7511872acd61c600c3ac449cf03d1cb1"></span><span class="n"><span class="pre">lv_coord_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">valid_x</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t7valid_xE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t3posE">
<span id="_CPPv3N13lv_textarea_t3posE"></span><span id="_CPPv2N13lv_textarea_t3posE"></span><span id="lv_textarea_t::pos__uint32_t"></span><span class="target" id="structlv__textarea__t_1a7e0a597ce9f10054272ce4704935b793"></span><span class="n"><span class="pre">uint32_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">pos</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t3posE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t4areaE">
<span id="_CPPv3N13lv_textarea_t4areaE"></span><span id="_CPPv2N13lv_textarea_t4areaE"></span><span id="lv_textarea_t::area__lv_area_t"></span><span class="target" id="structlv__textarea__t_1a7347be1846abb5053e6c7f9608e201bc"></span><span class="n"><span class="pre">lv_area_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">area</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t4areaE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t12txt_byte_posE">
<span id="_CPPv3N13lv_textarea_t12txt_byte_posE"></span><span id="_CPPv2N13lv_textarea_t12txt_byte_posE"></span><span id="lv_textarea_t::txt_byte_pos__uint32_t"></span><span class="target" id="structlv__textarea__t_1a464421713dd092745394051ca1f9d372"></span><span class="n"><span class="pre">uint32_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">txt_byte_pos</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t12txt_byte_posE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t4showE">
<span id="_CPPv3N13lv_textarea_t4showE"></span><span id="_CPPv2N13lv_textarea_t4showE"></span><span id="lv_textarea_t::show__uint8_t"></span><span class="target" id="structlv__textarea__t_1a799d5ee72c9ee4568bb663a24142fdcf"></span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">show</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t4showE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t9click_posE">
<span id="_CPPv3N13lv_textarea_t9click_posE"></span><span id="_CPPv2N13lv_textarea_t9click_posE"></span><span id="lv_textarea_t::click_pos__uint8_t"></span><span class="target" id="structlv__textarea__t_1a26fedcc0d3ae31633aafe43ce7b10c45"></span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">click_pos</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t9click_posE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t6cursorE">
<span id="_CPPv3N13lv_textarea_t6cursorE"></span><span id="_CPPv2N13lv_textarea_t6cursorE"></span><span class="target" id="structlv__textarea__t_1a8cd9b417e4dfe8491ffdfa2f50195a59"></span><span class="k"><span class="pre">struct</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv413lv_textarea_t" title="lv_textarea_t"><span class="n"><span class="pre">lv_textarea_t</span></span></a><span class="p"><span class="pre">::</span></span><span class="n"><span class="pre">[anonymous]</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">cursor</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t6cursorE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t9sel_startE">
<span id="_CPPv3N13lv_textarea_t9sel_startE"></span><span id="_CPPv2N13lv_textarea_t9sel_startE"></span><span id="lv_textarea_t::sel_start__uint32_t"></span><span class="target" id="structlv__textarea__t_1aeed54f8a28e4a3e40dffcf796ab51957"></span><span class="n"><span class="pre">uint32_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">sel_start</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t9sel_startE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t7sel_endE">
<span id="_CPPv3N13lv_textarea_t7sel_endE"></span><span id="_CPPv2N13lv_textarea_t7sel_endE"></span><span id="lv_textarea_t::sel_end__uint32_t"></span><span class="target" id="structlv__textarea__t_1a3349fae48393127843635638849f4e7e"></span><span class="n"><span class="pre">uint32_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">sel_end</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t7sel_endE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t16text_sel_in_progE">
<span id="_CPPv3N13lv_textarea_t16text_sel_in_progE"></span><span id="_CPPv2N13lv_textarea_t16text_sel_in_progE"></span><span id="lv_textarea_t::text_sel_in_prog__uint8_t"></span><span class="target" id="structlv__textarea__t_1ae08908208d0ba806a267b41180f34ae3"></span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">text_sel_in_prog</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t16text_sel_in_progE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t11text_sel_enE">
<span id="_CPPv3N13lv_textarea_t11text_sel_enE"></span><span id="_CPPv2N13lv_textarea_t11text_sel_enE"></span><span id="lv_textarea_t::text_sel_en__uint8_t"></span><span class="target" id="structlv__textarea__t_1ad63f35cdd4d932956dfe08f433699cb7"></span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">text_sel_en</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t11text_sel_enE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t8pwd_modeE">
<span id="_CPPv3N13lv_textarea_t8pwd_modeE"></span><span id="_CPPv2N13lv_textarea_t8pwd_modeE"></span><span id="lv_textarea_t::pwd_mode__uint8_t"></span><span class="target" id="structlv__textarea__t_1aa8c9358edcb818be42adcf32d85a3384"></span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">pwd_mode</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t8pwd_modeE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N13lv_textarea_t8one_lineE">
<span id="_CPPv3N13lv_textarea_t8one_lineE"></span><span id="_CPPv2N13lv_textarea_t8one_lineE"></span><span id="lv_textarea_t::one_line__uint8_t"></span><span class="target" id="structlv__textarea__t_1a242f5237ee41e171e27a239b99d17be1"></span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">one_line</span></span></span><a class="headerlink" href="#_CPPv4N13lv_textarea_t8one_lineE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</div>
</dd></dl>

</div>
</div>


           </div>
           
          </div>
          <footer>
    <div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
        <a href="../extra/index.html" class="btn btn-neutral float-right" title="Extra widgets" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
        <a href="table.html" class="btn btn-neutral float-left" title="Table (lv_table)" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
    </div>

  <hr/>

  <div role="contentinfo">
    <p>
        &#169; Copyright 2020, LVGL LLC.
      <span class="lastupdated">
        Last updated on Jan 10, 2022.
      </span>

    </p>
  </div>
    
    
    
    Built with <a href="https://www.sphinx-doc.org/">Sphinx</a> using a
    
    <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a>
    
    provided by <a href="https://readthedocs.org">Read the Docs</a>. 

</footer>
        </div>
      </div>

    </section>

  </div>
  

  <script type="text/javascript">
      jQuery(function () {
          SphinxRtdTheme.Navigation.enable(true);
      });
  </script>

  
  
    
  

<style>
  .wy-side-nav-search > div[role="search"] {
    color: black;
  }
</style>
 <script type="text/javascript">
    $(document).ready(function() {
        $(".toggle > *").hide();
        $(".toggle .header").show();
        $(".toggle .header").click(function() {
            $(this).parent().children().not(".header").toggle(400);
            $(this).parent().children(".header").toggleClass("open");
        })
    });
</script>

<script type="text/javascript">
function add_version_selector()
{
    return fetch("https://raw.githubusercontent.com/lvgl/docs_compiled/gh-pages/versionlist.txt")
        .then(res => res.text())
        .then(text => {
            const versions = text.split("\n").filter(version => version.trim().length > 0);
            let p = document.getElementById("rtd-search-form").parentElement;
            p.innerHTML = `
            <select name="versions" id="versions" onchange="ver_sel()" style="border-radius:5px; margin-bottom:15px">
            ${versions.map(version => {
                const versionName = "v" + ((version.indexOf(".") != -1) ? version : (version + " (latest minor)"));
                return `<option value="${version}">${versionName}</option>`;
            })}
            </select>` + p.innerHTML;
        });
}

function ver_sel()
{
  var x = document.getElementById("versions").value;
  window.location.href = window.location.protocol + "//" + window.location.host + "/" + x + "/";
}

document.addEventListener('DOMContentLoaded', (event) => {
    add_version_selector().then(() => {
        var value = window.location.pathname.split('/')[1];
        document.getElementById("versions").value = value;
    });
    
})
</script>


</body>
</html>